@import './bw';

section{
    padding: vw(90) 0 vw(96) 0;
    height: 100vh;
    font-size: 0;
    overflow-y: scroll;
    .ke2words{
        width: vw(640);
        height: vw(1291);
        padding: 0 vw(29) 0;

        >p{
            font-size: vw(20);
            color: #8b8b8b;
            text-align: justify;
            line-height: vw(30);
            &:nth-of-type(1){
                font-size: vw(30);
                font-weight: bold;
                color: #5c5856;
                margin-top: vw(31);
            }
            &:nth-of-type(2){
                margin-top: vw(28);
                margin-bottom: vw(32);
            }
            &:nth-of-type(3){
                margin-bottom: vw(32);
                line-height: vw(34);
            }

        }

        >div{
            display: flex;
            justify-content: space-between;
            margin-top: vw(16);
            p{
                font-size: vw(18);
                color: #8b8b8b;
            }
        }

        hr{
            margin: vw(15) 0;
        }

        >img{
            width: vw(580);
            height: vw(280);
        }
    }

    .ke2gray{
        height: vw(25);
        width: 100%;
        background-color: #f5f5f5;
    }

    .ke2time{
        height: vw(148);
        padding: 0 vw(28);
        p{
            &:nth-of-type(1){
                font-size: vw(30);
                margin-top: vw(18);
                margin-bottom: vw(17);
                color: #5c5856;
                margin-left: vw(2);
            }
            &:nth-of-type(2){
                font-size: vw(20);
                color: #727171;
                margin-bottom: vw(12);
                line-height: vw(24);
                img{
                    width: vw(24);
                    height: vw(24);
                    margin-right: vw(12);
                    vertical-align: top;
                }
            }
            &:nth-of-type(3){
                color: #727171;
                font-size: vw(20);
                line-height: vw(25);
                img{
                    width: vw(20);
                    height: vw(25);
                    margin-right: vw(14);
                    vertical-align: top;
                }
            }
        }
    }

    .jiangshi{
        height: vw(154);
        padding: vw(16) 0 0 vw(29);

        >p{
            font-size: vw(20);
            color: #848180;
            margin-bottom: vw(12);
        }
        >ul{
            display: flex;
            justify-content: flex-start;
            >li{
                width: vw(205);
                height: vw(88);
                
                >div{
                    display: inline-block;
                    &:nth-of-type(1){
                        img{
                            width: vw(70);
                            height: vw(84);
                            margin-right: vw(5);
                        }
                    }
                    &:nth-of-type(2){
                        vertical-align: top;
                        >p{
                            font-size: vw(10);
                            &:nth-of-type(1){
                                font-size: vw(18);
                                margin-top: vw(10);
                                margin-bottom: vw(8);
                            }
                            &:nth-of-type(2){
                                margin-bottom: vw(5);
                            }
                            
                        }
                    }
                }
            }
        }
    }

    >a{
        display: block;
        width: vw(592);
        height: vw(86);
        background-color: #b2000b;
        color: white;
        line-height: vw(86);
        padding-left: vw(208);
        position: relative;
        font-size: vw(34);
        margin-left: vw(27);
        &::after{
            content: '>';
            display: block;
            position: absolute;
            top: vw(34);
            left: vw(361);
            background-color: white;
            color: #b2000b;
            width: vw(25);
            height: vw(25);
            line-height: vw(25);
            text-align: center;
            font-size: vw(20);
            border-radius: 50%;
        }
    }
}